<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<title>智慧农业云服务平台</title>
	<link rel="stylesheet" href="/layui/css/layui.css">
	<link rel="stylesheet" type="text/css" href="/css/base.css" />
	<link rel="stylesheet" type="text/css" href="/css/login.css" />
	<style>
		.layui-nav-bar {
			background-color: #344058;
		}
		.layui-layout-admin .layui-logo {
			color: #FFFFFF;
		}
		.layui-layout-left .layui-nav-item a i,layui-layout-right .layui-nav-item a i{
			color: #fff;
			font-size: 16px;
		}
		.layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this, 		.layui-nav-tree .layui-this > a, .layui-nav-tree .layui-this > a:hover {
			background-color: #1e9fff;
			color: #fff;
		}
		.layui-layout-right .layui-nav .layui-nav-item i {
			color: #fff;
		}
		.layui-nav-bar {
			background-color: #93ddf8;
		}
		.left-nav-bg {
			background: #344058 !important;
		}
		.layui-nav-tree .layui-nav-item a:hover {
			background-color: #344058;
		}
		.layui-nav-tree .layui-nav-child a:hover {
			background-color: #242d3d;
		}
	</style>
	<script src="/layui/layui.js"></script>
	<script src="/js/artTemplate/template-web.js"></script>
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
	<div class="layui-header" style="background-color:#1ca5ce;/*#16b1ef;*/">
		<div class="layui-logo" style="background-color:#1389b4; /*#0f97e1;*/"><span >智慧农业云服务</span></div>
		<!-- 头部区域（可配合layui已有的水平导航） -->
		<ul class="layui-nav layui-layout-left" style="padding:0px;">
			<li class="layui-nav-item layadmin-flexible" lay-unselect="">
				<a href="javascript:;" layadmin-event="flexible" title="侧边伸缩">
					<i class="layui-icon layui-icon-shrink-right" id="LAY_app_flexible"></i>
				</a>
			</li>
			<li class="layui-nav-item">
				<a href="http://106.75.154.40:8084" title="返回首页">
					<i class="layui-icon layui-icon-website" id="LAY_app_index"></i>
				</a>
			</li>
			<li class="layui-nav-item">
				<a href="javascript:;">
					<i class="layui-icon layui-icon-refresh-3" id="LAY_app_refresh" ></i>
				</a>
			</li>
			<!-- <li class="layui-nav-item">
                <a href="javascript:;">其它系统</a>
                <dl class="layui-nav-child">
                    <dd>
                        <a href="">邮件管理</a>
                    </dd>
                    <dd>
                        <a href="">消息管理</a>
                    </dd>
                    <dd>
                        <a href="">授权管理</a>
                    </dd>
                </dl>
            </li> -->
		</ul>

		<ul class="layui-nav layui-layout-right">
			<li class="layui-nav-item layui-hide-xs" lay-unselect="" style="margin-right:30px;">
				<i class="layui-icon layui-icon-notice" ></i>
			</li>
			<%--<li class="layui-nav-item layui-hide-xs" id="layui-theme" lay-unselect="" style="margin-right:30px;">
				<i class="layui-icon layui-icon-notice" ></i>
			</li>--%>
			<li class="layui-nav-item">
				<i class="layui-icon layui-icon-note pointer" id="layui-MyMsg" title="我的信息" ></i>
			</li>
			<li class="layui-nav-item" style="margin-left:10px;">
				<a href="javascript:;" >
					<img src="http://t.cn/RCzsdCq" class="layui-nav-img">  <span id="cur-user">-</span>
				</a>
				<dl class="layui-nav-child">
					<dd>
						<a href="javascript:;">基本资料</a>
					</dd>
					<dd>
						<a href="javascript:;">安全设置</a>
					</dd>
				</dl>
			</li>
			<li class="layui-nav-item">
				<a href="http://106.75.154.40:8082/admin" >后台管理</a>
			</li>
		</ul>
	</div>

	<div class="layui-side layui-bg-black left-nav-bg">
		<div class="layui-side-scroll">
			<%--<ul class="layui-nav layui-nav-tree nav-left left-nav-bg"  lay-shrink="all" lay-filter="home">
			</ul>--%>
			<ul id="main-nav" class="layui-nav layui-nav-tree left-nav-bg" lay-filter="test">
				<li class="layui-nav-item"><a href="/ift"><i class="layui-icon layui-icon-console"></i>&nbsp;&nbsp;<span>控制台</span></a></li>
				<li class="layui-nav-item layui-nav-itemed">
					<a class="" href="javascript:;"><i class="layui-icon layui-icon-headset"></i>&nbsp;&nbsp;<span>云监控</span><span class="layui-nav-more"></span></a>
					<dl class="layui-nav-child">
						<dd class=""><a href="/ift/monitor">&nbsp;&nbsp;监控面板</a></dd>
						<dd class=""><a href="/ift/datasearch">&nbsp;&nbsp;数据查询</a></dd>
						<dd class=""><a href="/ift/manager">&nbsp;&nbsp;综合管理</a></dd>
						<dd class=""><a href="/ift/early-warning">&nbsp;&nbsp;预警分析</a></dd>
					</dl>
				</li>

				<span class="layui-nav-bar" style="height: 0px; top: 317.5px; opacity: 0;"></span>
			</ul>
			<!--<script id="tmplNav" type="text/html">
                {{ each result }}
                <li class="layui-nav-item" data-name="{{ $value.liDataName }}">
                    <a class="layui-icon {{$value.father.iconClass }}" href="javascript:;"><span>{{ $value.father.name }}</span></a>
                    <dl class="layui-nav-child">
                        {{ include 'tmplDd' $value }}
                    </dl>
                </li>
                {{ /each }}
            </script>
            <script id="tmplDd" type="text/html">
                {{ each children }}
                <dd data-name={{ $value.dataName }}>
                    <a href="javascript:;" lay-href="/{{ liDataName }}/{{ $value.dataName }}/">{{ $value.name }}</a>
                </dd>
                {{ /each }}
            </script>-->
		</div>
	</div>

	<div class="layui-body layui-right">
		<div class="layui-tab layui-tab-card" lay-allowclose="true" lay-filter="layadmin-layout-tabs" overflow style="margin:0px;padding-bottom: 40px;">
			<ul class="layui-tab-title" id="main-tab" style="background: #fff;border: 0 none;">
				<!--<li class="layui-this" lay-id="/home/controller/" lay-attr="/home/controller/" id="tab-home">
                    <i class="layui-icon layui-icon-home"></i>
                </li>-->
			</ul>
			<!--<div class="layui-tabs layui-nav-item" style="position:absolute;top:0px;right:0px;z-index: 9999;cursor:pointer;width: 50px;height: 41px;text-align: center;line-height: 40px;border: solid 1px #f2f2f2;">
                <i class="layui-icon layui-icon-down"></i>
            </div>-->

			<div class="layui-tab-content layui-fluid tab-content" id="main-content">
				<div class="layui-tab-item layui-show layui-row layui-col-space15">
					<div class="layui-card-box layui-col-md4 layui-col-xs12">
						<div class="layui-card">
							<div class="layui-card-header">快捷方式</div>
							<div class="layui-card-body">
								<div class="layui-carousel layadmin-carousel" id="carousel1">
									<div carousel-item class="layui-fluid">
										<ul class="layui-row layui-col-space10">
											<li class="layui-col-xs3">
												<a href="#">
													<i class="layui-icon layui-icon-console"></i>
													<span>控制面板</span>
												</a>
											</li>
											<li class="layui-col-xs3">
												<a href="/ift/datashow">
													<i class="layui-icon layui-icon-chart"></i>
													<span>大数据展示</span>
												</a>
											</li>
											<li class="layui-col-xs3">
												<a href="http://106.75.154.40:8089">
													<i class="layui-icon layui-icon-template-1"></i>
													<span>农业技术</span>
												</a>
											</li>
											<li class="layui-col-xs3">
												<a href="#">
													<i class="layui-icon layui-icon-chat"></i>
													<span>聊天</span>
												</a>
											</li>
											<li class="layui-col-xs3">
												<a href="#">
													<i class="layui-icon layui-icon-find-fill"></i>
													<span>进度条</span>
												</a>
											</li>
											<li class="layui-col-xs3">
												<a href="#">
													<i class="layui-icon layui-icon-survey"></i>
													<span>工单</span>
												</a>
											</li>
											<li class="layui-col-xs3">
												<a href="#">
													<i class="layui-icon layui-icon-user"></i>
													<span>用户</span>
												</a>
											</li>
											<li class="layui-col-xs3">
												<a href="#">
													<i class="layui-icon layui-icon-set"></i>
													<span>设置</span>
												</a>
											</li>
										</ul>
										<ul class="layui-row layui-col-space10">
											<li class="layui-col-xs3">
												<a href="#">
													<i class="layui-icon layui-icon-console"></i>
													<span>主页一</span>
												</a>
											</li>
											<li class="layui-col-xs3">
												<a href="#">
													<i class="layui-icon layui-icon-chart"></i>
													<span>主页二</span>
												</a>
											</li>
											<li class="layui-col-xs3">
												<a href="#">
													<i class="layui-icon layui-icon-template-1"></i>
													<span>弹层</span>
												</a>
											</li>
											<li class="layui-col-xs3">
												<a href="#">
													<i class="layui-icon layui-icon-chat"></i>
													<span>聊天</span>
												</a>
											</li>
											<li class="layui-col-xs3">
												<a href="#">
													<i class="layui-icon layui-icon-find-fill"></i>
													<span>进度条</span>
												</a>
											</li>
											<li class="layui-col-xs3">
												<a href="#">
													<i class="layui-icon layui-icon-survey"></i>
													<span>工单</span>
												</a>
											</li>
											<li class="layui-col-xs3">
												<a href="#">
													<i class="layui-icon layui-icon-user"></i>
													<span>用户</span>
												</a>
											</li>
											<li class="layui-col-xs3">
												<a href="#">
													<i class="layui-icon layui-icon-set"></i>
													<span>设置</span>
												</a>
											</li>
										</ul>
									</div>
								</div>
							</div>
						</div>
					</div>

					<div class="layui-card-box layui-col-md4 layui-col-xs12">
						<div class="layui-card">
							<div class="layui-card-header">待办事项</div>
							<div class="layui-card-body">
								<div class="layui-carousel layadmin-carousel" id="carousel2">
									<div carousel-item>
										<ul class="layui-row layui-col-space10">
											<li class="layui-col-xs6">
												<a href="javascript:;">
													<h3>待查看通知</h3>
													<p>80</p>
												</a>
											</li>
											<li class="layui-col-xs6">
												<a href="javascript:;">
													<h3>待查看通知</h3>
													<p>13</p>
												</a>
											</li>
											<li class="layui-col-xs6">
												<a href="javascript:;">
													<h3>待查看通知</h3>
													<p>93</p>
												</a>
											</li>
											<li class="layui-col-xs6">
												<a href="javascript:;">
													<h3>待查看通知</h3>
													<p>5</p>
												</a>
											</li>
										</ul>
										<ul class="layui-row">
											<li class="layui-col-xs6">
												<a href="javascript:;">
													<h3>待查看通知</h3>
													<p>5</p>
												</a>
											</li>
										</ul>
									</div>
								</div>
							</div>
						</div>
					</div>

					<div class="layui-card-box layui-col-md4 layui-col-xs12">
						<div class="layui-card">
							<div class="layui-card-header">版本信息</div>
							<div class="layui-card-body">
								<div class="layui-carousel layadmin-carousel" id="carousel3">
									<div carousel-item>
										<table class="layui-table">
											<colgroup>
												<col width="100">
												<col width="500">
											</colgroup>
											<tbody>
											<tr>
												<td>当前版本</td>
												<td>v1.0.0-beta6
													<a href="javascript:;">更新日志</a>
												</td>
											</tr>
											<tr>
												<td>基于框架</td>
												<td>layui2.4.0</td>
											</tr>
											<tr>
												<td>主要特色</td>
												<td>快、准、狠</td>
											</tr>
											<tr>
												<td>获取渠道</td>
												<td>www.baidu.com</td>
											</tr>
											</tbody>
										</table>
									</div>
								</div>
							</div>
						</div>
					</div>

					<div class="layui-card-box layui-col-md8 layui-col-xs12">
						<div class="layui-card">
							<div class="layui-card-header">数据概览</div>
							<div class="layui-card-body">
								<div class="layui-carousel layadmin-carousel" id="carousel4">
									<div carousel-item>
										<div id="chart1" style="height: 100%">
											<div id="pie-chart1" style="display:inline-block;height: 100%;width: 48%;"></div>
											<div id="pie-chart2" style="display:inline-block;height: 100%;width: 48%;"></div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>

					<div class="layui-card-box layui-col-md4 layui-col-xs12">
						<div class="layui-card" id="report">
							<div class="layui-card-header">效果报告</div>
							<div class="layui-card-body">
								<div class="layui-progress" lay-showPercent="yes">
									<h3>转化率</h3>
									<div class="layui-progress-bar" lay-percent="65%"></div>
								</div>
								<div class="layui-progress" lay-showPercent="yes">
									<h3>签到率</h3>
									<div class="layui-progress-bar" lay-percent="34%"></div>
								</div>
							</div>
						</div>
						<div class="layui-card" id="monitor">
							<div class="layui-card-header">实时监控</div>
							<div class="layui-card-body">
								<div class="layui-progress" lay-showPercent="yes">
									<h3>CPU使用率</h3>
									<div class="layui-progress-bar" lay-percent="65%"></div>
								</div>
								<div class="layui-progress" lay-showPercent="yes">
									<h3>内存占用率</h3>
									<div class="layui-progress-bar" lay-percent="34%"></div>
								</div>
							</div>
						</div>
					</div>

				</div>
			</div>
		</div>
		<div class="layui-footer" style="text-align: center;">
			<!-- 底部固定区域 -->
			© 仲恺农业工程学院英东楼109实验室
			<div id="test">

			</div>
		</div>
	</div>

</div>
<script type="text/javascript" src="/js/icon-module/common.js"></script>
<script type="text/javascript" src="/js/jquery-3.3.1.js"></script>
<script type="text/javascript" src="/js/jquery.cookie.js"></script>
<script type="text/javascript" src="/js/common.js"></script>
<script src="/js/tabs.js" type="text/javascript" charset="utf-8"></script>
<!--首页echarts-->
<script type="text/javascript" src="/echarts/echarts.min.js"></script>
<script src="/js/home.js" type="module" charset="utf-8"></script>
<!-- 模版引擎渲染侧边导航栏 -->
<script src="/js/artTemplate/renderSideNav.js"></script>

</body>

</html>